body {
    background-image: url(IMAGES/stars3.gif);
}
    
.container {
    display: grid;
    gap: 10px;
    max-width: 350px;
    margin: auto;
    position: relative;
    grid-template-rows: repeat(5, 1fr);
    justify-content: center;
    grid-template-areas: 
        "header"
        "pet"
        "pet"
        "gallery"
        "gallery";
    color: white
}

.container div{
    text-align: center;
}

.item1 {
    grid-area: header;
    
}

.item2 {
    grid-area: pet;
    background-color: rgb(97, 97, 167);
    border-style: solid;
    border-width: medium;
    border-color: rgb(58, 58, 114);
}

.gallery {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.gallery img {
    width: 100px;
    height: 100px;
    object-fit: cover;
    border: 2px solid rgb(58, 58, 114);
    background: rgb(136, 136, 202);
    margin: 2px;
}

.gallery img:hover {
    object-fit: contain;
}

.item3 {
    grid-area: gallery;
    background-color: rgb(97, 97, 167);
    border-style: solid;
    border-width: medium;
    border-color: rgb(58, 58, 114);
}